// @media (min-width: 1900px) {
//     .contact {
//         height: 1850px;
//     }
// }

@media (min-width: 1700px) {
    .contact {
        height: 1600px;
    }
}

@media (max-width: 1350px) {
    .contact {
        height: 1200px;
        li {
            a {
                font-size: 2rem;
            }
        }
    }
    .bottom {
        font-size: 1.1rem;
    }
}

@media (max-width: 1200px) {
    .contact {
        height: 1070px;
        li {
            a {
                font-size: 1.6rem;
            }
        }
    }
    .bottom {
        font-size: 1rem;
    }
}

@media (max-width: 1080px) {
    .profile {
        img{
            width: 28%;
        }    
    }
    .nickname {
        font-size: 1.3rem;
        .name {
            font-size: 1.5rem;
        }
    }
    .signature {
        font-size: 1.2rem;
    }
    .contact {
        height: 980px;
        li {
            a {
                font-size: 1.6rem;
            }
        }
    }
}

@media (max-width: 992px) {
    .profile {
        img{
            width: 23%;
        }    
    }
    .contact {
        height: 910px;
        li {
            a {
                font-size: 1.4rem;
            }
        }
    }
}

@media (max-width: 830px) {
    .contact {
        height: 780px;
        li {
            a {
                font-size: 1.2rem;
            }
        }
    }
}

@media (max-width: 768px) {
    .contact {
        height: 710px;
    }
}

@media (max-width: 670px) {
    .contact {
        height: 570px;
    }
}

@media (max-width: 500px) {
    .contact {
        height: 460px;
    }
}

@media (max-width: 410px) {
    .nickname {
        font-size: 1rem;
        .name {
            font-size: 1.2rem;
        }
    }
    .signature {
        font-size: 1rem;
    }
    .contact {
        height: 370px;
        li {
            a {
                font-size: 1rem;
            }
        }
    }
}

@media (max-width: 350px) {
    .contact {
        height: 300px;
        li {
            a {
                font-size: 0.9rem;
            }
        }
    }
}

@media (max-width: 300px) {
    .nickname {
        font-size: 0.8rem;
        .name {
            font-size: 0.9rem;
        }
    }
    .signature {
        font-size: 0.6rem;
    }
    .contact {
        height: 275px;
        li {
            a {
                font-size: 0.8rem;
            }
        }
    }
    .bottom {
        font-size: 0.7rem;
    }
}

@media (max-width: 255px) {
    .nickname {
        font-size: 0.6rem;
        .name {
            font-size: 0.7rem;
        }
    }
    .signature {
        font-size: 1px;
    }
    .contact {
        height: 300px;
        li {
            padding: 0 3%;
            a {
                font-size: 1px;
            }
        }
    }
    .bottom {
        font-size: 1px;
    }
}

@media (max-width: 200px) {
    .contact {
        height: 190px;
    }
}